<template>
    <div>
        <!--pc端轮播-->
        <Carousel
                v-model="value2"
                autoplay
                loop
                :autoplay-speed="autoplaySpeed"
                height="auto"
                class="biglbt"
        >
            <CarouselItem>
                <div class="demo-carousel">
                    <a href="javascript:;">
                        <img src="../../assets/images/chanpin/banner_01.png" alt>
                    </a>
                </div>
            </CarouselItem>
            <CarouselItem>
                <div class="demo-carousel">
                    <a href="javascript:;">
                        <img src="../../assets/images/chanpin/banner_02_02.png" alt>
                    </a>
                </div>
            </CarouselItem>
        </Carousel>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                value2: 0,
                autoplaySpeed: 3000
            };
        },
        methods: {},
        mounted() {

        },
    };
</script>

<style lang="less">
    .biglbt {
        width: 100%;
        position: relative;
        z-index: 1;

        img {
            width: 100%;
            display: block;
        }

        /*a {*/
        /*width: 100%;*/
        /*height: 699px;*/
        /*display: block;*/
        /*background: url("../../assets/images/chanpin/banner_01.png") no-repeat top center;*/
        /*background-size: cover;*/
        /*}*/

        .ivu-icon.ivu-icon-ios-arrow-forward,
        .ivu-icon.ivu-icon-ios-arrow-back {
            font-size: 20px;
        }
    }

    .ivu-carousel-active {
        button {
            background-color: #ff0000 !important;
        }
    }
</style>
